<template>
  <div class="commonhead">
  <div class="head_icon" @click="prve">
      <i class="iconfont">&#xe614;</i>
  </div>
  <div class="title">{{this.title}}</div>
  <div class="head-blbel"></div>
  </div>
</template>

<script>
export default {
  name: 'CommonHead',
  props:{
    title:{
      type:String,
      default:""
    }
  },
  methods:{
    prve(){
     this.$router.go(-1)
    }
  },
  components:{
    
  }
}
</script>

<style scoped>
.commonhead{
  width: 100%;
  display: flex;
  font-size: 0.18rem;
  line-height: .6rem;
  text-align: center;
  background-color: #fff;
  color: #109d59;
/*   border-bottom:0.01rem solid #ededed; */
  margin-bottom: 0.02rem;
}
.commonhead .head_icon,.commonhead .head-blbel{
  width: 0.6rem;  
}
.commonhead .head_icon i{
  font-weight: 600;
}
.commonhead .title{
  flex: 1;
  letter-spacing: 0.02rem;
}
</style>